<template>
  <div>
    <HeadIndex />
    <China />
    <LatinAmerica />
    <History />
    <JapanKorea />
    <Occident />
    <PersonalPage />
    <Africa />
    <HiphopCircle /> 
  </div>
</template>

<script>
import HeadIndex from './components/HeadIndex.vue'
import China from './components/China.vue'
import History from './components/History.vue'
import LatinAmerica from './components/LatinAmerica.vue'
import JapanKorea from './components/JapanKorea.vue'
import Occident from './components/Occident.vue'
import PersonalPage from './components/PersonalPage.vue'
import Africa from './components/Africa.vue'
import HiphopCircle from './components/HiphopCircle.vue'


export default {
  components:{
    China,
    HeadIndex,
    History,
    LatinAmerica,
    JapanKorea,
    Occident,
    PersonalPage,
    Africa,
    HiphopCircle,
    },
}
</script>

<style>
  body {
    margin: 0;
    padding: 0;
  }
</style>